<template>
  <div class="head">
    <span class="iconfont iconjiantou2" @click="sendBack"></span>
    <div>{{text}}</div>
  </div>
</template>

<script>
export default {
  props: ["text"],
  methods: {
    sendBack() {
      console.log("横条子组件被点击了");
      this.$emit("sendBack");
    }
  }
};
</script>

<style lang="less" scoped>
.head {
  display: flex;
  padding: 4.44vw 6.67vw 4.44vw 6.67vw;
  font-size: 3.89vw;
  font-weight: 700;
  .iconjiantou2 {
    font-size: 3.89vw;
  }
  div {
    flex: 1;
    text-align: center;
  }
}
</style>